<style>
  .{{$template|escape:'html'}}_table2 {
    width: 712px;
  }
  .{{$template|escape:'html'}}_table3 {
    width: 712px;
    height: 25px;
    margin: 20px 0 0 0;
  }
  .{{$template|escape:'html'}}_table4 {
    width: 712px;
  }
  .{{$template|escape:'html'}}_table5 {
    width: 678px;
    border-bottom: 1px solid #694247;
    border-right: 1px solid #694247;
  }
  .{{$template|escape:'html'}}_table5 td {
    border-top: 1px solid #694247;
    border-left: 1px solid #694247;
  }
  .{{$template|escape:'html'}}_td1 {
    width: 900px;
    height: 46px;
    vertical-align: top;
    text-align: left;
  }
  .{{$template|escape:'html'}}_td2 {
    width: 900px;
    height: 105px;
    vertical-align: top;
    text-align: left;
  }
  .{{$template|escape:'html'}}_td3 {
    width: 712px;
    height: 440px;
    vertical-align: top;
    text-align: left;
  }
  .{{$template|escape:'html'}}_td4 {
    width: 712px;
    height: 200px;
    vertical-align: top;
    text-align: left;
  }
  .{{$template|escape:'html'}}_td5 {
    width: 168px;
    height: 50px;
    vertical-align: top;
    text-align: right;
    padding: 20px 0 0 0;
  }
  .{{$template|escape:'html'}}_td6 {
    width: 712px;
    height: 90px;
    vertical-align: top;
    text-align: left;
  }
  .{{$template|escape:'html'}}_td7{
    font-family: Times New Roman;
    color: #694247;
    font-size: 10px;
    font-weight: bold;
    height: 24px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td8{
    height: 24px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td9 {
    width: 712px;
    vertical-align: top;
    text-align: left;
  }
  .{{$template|escape:'html'}}_td10 {
    width: 712px;
    height: 25px;
    font-size: 11pt;
    font-weight: bold;
    color: white;
    background-color: #885B5D;
    padding: 0 0 0 15px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td12 {
    background-color: #ebebe3;
    border-right:solid 1px #8f8f8a;
    border-bottom:solid 1px #8f8f8a;
    border-left:solid 1px #ffffff;
    border-top:solid 1px #ffffff;
    width: 712px;
    height: 5px;
  }
  .{{$template|escape:'html'}}_td13 {
    width: 52px;
    height: 25px;
    font-size: 10pt;
    font-weight: bold;
    color: #694247;
    padding: 0 0 0 15px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td15 {
    width: 485px;
    height: 24px;
    font-size: 10pt;
    font-weight: bold;
    color: #694247;
    padding-left: 15px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td16 {
    width: 178px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td160 {
    width: 178px;
    height: 24px;
    font-size: 10pt;
    font-weight: bold;
    color: #694247;
    text-align: center;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td18 {
    width: 660px;
    height: 25px;
    text-align: left;
    vertical-align: middle;
  }
  .{{$template|escape:'html'}}_td19 {
    height: 13px;
  }
  .{{$template|escape:'html'}}_td20 {
    width: 500px;
    height: 24px;
    text-align: left;
    vertical-align: middle;
    font-weight: Bold;
    font-size: 12px;
    color: #694247;
    padding: 0 0 0 15px; 
  }
  .{{$template|escape:'html'}}_margin {
    margin: 0 0 0 15px;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      
      var gui = GuiPageStatProduct.gui('{{$template|escape:'javascript'}}');
      new HandlePageStatProduct(gui, JSON.parse('{{$operator|escape:javascript}}'), JSON.parse('{{$now|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<table class="page_width" cellPadding="0" cellSpacing="0">
  <tr>
    <td class="{{$template|escape:'html'}}_td1" colSpan="3">{{include file="pagemanager/basemenus3.tpl"}}</td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_td2" colSpan="3">{{include file="pagecommon/elemsummarizesearch.tpl"}}</td>
  </tr>
  <tr>
    <td class="{{$template|escape:'html'}}_td6">
      <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0">
        <tr>
          <td class="{{$template|escape:'html'}}_td9">
            <table class="{{$template|escape:'html'}}_table3" cellPadding="0" cellSpacing="0">
              <tr>
                <td class="{{$template|escape:'html'}}_td10">Detail</td>
              </tr>
              <tr>
                <td class="{{$template|escape:'html'}}_td12" align="center">
                  <table class="{{$template|escape:'html'}}_table4" cellPadding="0" cellSpacing="0">
                    <tr>
                      <td class="{{$template|escape:'html'}}_td13">
                        Total:
                      </td>
                      <td class="{{$template|escape:'html'}}_td18" id="{{$template|escape:'html'}}_total_div"></td>
                    </tr>
                    <tr>
                      <td class="{{$template|escape:'html'}}_td14" align="center" colSpan="2">
                        <table class="{{$template|escape:'html'}}_table5" cellPadding="0" cellSpacing="0" id="{{$template|escape:'html'}}_product_table">
                          <tr>
                            <td class="{{$template|escape:'html'}}_td15">
                              Product
                            </td>
                            <td class="{{$template|escape:'html'}}_td160">
                              No. of Sold Item
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td class="{{$template|escape:'html'}}_td19"></td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    <td style="width:20px"></td>
    <td class="{{$template|escape:'html'}}_td5">{{include file="pagecommon/elemdatezone.tpl"}}</td>
  </tr>
</table>
